<template>
<!-- 全局自定义指令测试 -->
<!-- <p v-ilazy>123</p> -->
  <!-- 骨架屏测试 -->
  <!-- <XtxSkeleton width="80" height="60" bg="red"/> -->
  <div class="container">
    <!-- 轮播图 -->
    <HomeBanner />
    <!-- 左侧导航栏 -->
    <HomeCategory />
    <!-- 新鲜好物 -->
    <HomeNew />
    <!-- 人气推荐 -->
    <HomeRecom />
    <!-- 楼层 -->
    <HomeProduct />
  </div>
</template>

<script>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeRecom from './components/home-recom.vue'
// import Skeleton from '@/components/Skeleton'
import HomeProduct from './components/home-product.vue'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeRecom,
    HomeProduct
    // Skeleton
  }
}
</script>

<style scoped lang='less'>
//手动导入less样式
// @import "~@/styles/variables.less";
// .test{
//     border: 2px solid @xtxColor;
// }

</style>
